<template>
  <BaseTable ref="tableRef" :data="tableData" :border="true">
    <el-table-column prop="date" label="Date" width="150" fixed="left">
    </el-table-column>
    <el-table-column fixed="right" label="Operations" width="120">
      <template #default="scope">
        <el-button link type="primary" size="small" @click="test(scope)"
          >查看</el-button
        >
        <el-button link type="primary" size="small">编辑</el-button>
      </template>
    </el-table-column>
  </BaseTable>
</template>
<script setup lang="ts">
import BaseTable from "@/components/baseTable/index.vue";

const tableData = [
  {
    date: "2016-05-03",
    name: "Tom",
    state: "California",
    city: "Los Angeles",
    address: "No. 189, Grove St, Los Angeles",
    zip: "CA 90036",
    date2: "date2",
    date3: "date3",
    date4: "date4",
    date5: "date5",
  },
  {
    date: "2016-05-03",
    name: "Tom",
    state: "California",
    city: "Los Angeles",
    address: "No. 189, Grove St, Los Angeles",
    zip: "CA 90036",
    date2: "date2",
    date3: "date3",
    date4: "date4",
    date5: "date5",
  },
];

const test = (scope: any) => {
  console.log(scope);
};
</script>

<style scoped lang="scss"></style>
